<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>发展历程</title>
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/style.css" />
</head>
<body>
<!--header start-->
<header>
    <div class="top_bar">
        <div class="left_top_bar fl">
            <div class="welcome fl">城市矿山首页，欢迎来到城市矿山</div>
            <div class="login fl"><a href="#">请登录</a></div>
            <div class="register fl"><a href="#">免费注册</a> </div>
            <div class="clearfix"></div>
        </div>
        <div class="right_top_bar fr">
            <div class="nav_top_bar fl">
                <ul>
                    <li class="fl"><a href="#">我的城市矿山</a></li>
                    <li class="fl"><a href="#">个人中心</a></li>
                    <li class="fl"><a href="#">帮助中心</a></li>
                    <li class="fl"><a href="#">在线客服</a></li>
                    <div class="clearfix"></div>
                </ul>
            </div>
            <div class="tel_top_bar fl">
                <div class="tel">400-0660-567（8：30-17：30）</div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="nav">
        <div class="main_nav">
            <div class="logo fl">
                <div class="img_logo fl"><img src="images/logo.png"> </div>
                <div class="text_logo fl">帮助中心</div>
                <div class="clearfix"></div>
            </div>
            <div class="nav_index fr">
                <ul>
                    <li class="fl current"><a href="#">常见问题</a></li>
                    <li class="fl"><a href="#">联系客服</a> </li>
                    <li class="fl"><a href="#">新手指南</a> </li>
                    <div class="clearfix"></div>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</header><!--header end-->


<section class="crumbs">
	<div class="nav_main_page">
		<ul>
			<li class="fl "><a href="#">企业简介</a></li>
			<li class="fl current"><a href="#">发展历程</a></li>
			<li class="fl"><a href="#">企业文化</a></li>
			<li class="fl"><a href="#">公司愿景</a></li>
			<div class="clearfix"></div>
		</ul>
	</div>
</section>

<section class="main_page" id="">


	<div class="corporate_img">
		<img src="images/development.png">
	</div>
	<div class="development_dot2">
		<img src="images/development_dot2.png">
	</div>
	<div id="timeline">
        <div class="line"></div>
		<div class="timeline_block1">
			<div class="left fl">
				<img src="images/development_photo1.jpg">
			</div>
			<div class="center fl">
				<img src="images/development_month5.png"> 
			</div>
			<div class="right fl">
				<ul>
					<li class="time_li"><span>城矿锵锵</span>：“城市矿山”空港办公区筹建，承载项
					目经营中心、客服中心功能</li>
					<li class="time_li"><span>拾起卖供应链</span>：“城市矿山”项目3家公司申请天
					津市高新技术企业</li>
					<li class="time_li"><span>城矿再生</span>：国家工业和信息化部对符合钢铁加入
					行业准入条件企业名单（第五批）进行公示，城
					矿再生荣获国家级废钢铁加工配送资质。</li>
					<li class="time_li"><span>城矿再生</span>：国家工业和信息化部对符合钢铁加入
					行业准入条件企业名单（第五批）进行公示，城
					矿再生荣获国家级废钢铁加工配送资质。</li>
				</ul>
			</div>
            <div class="clearfix"></div>
		</div>
		<div class="timeline_block2">
			<div class="left fl">
				<ul>
					<li class="time_li"><span>城矿再生</span>：新建废钢铁加工配送项目总悬浮颗粒
			物监测合格。</li>
					<li><span>拾起卖科技</span>：再生资源电商平台 — 钢铁版块立项</li>
					<li><span>拾起卖科技</span>：“城市矿山”项目科技团队开始组建</li>
					<li><span>城矿再生</span>：由城矿再生赞助支持的《第十届中国金
			属循环应用国际研讨会》在天津成功举办。</li>
				</ul>
			</div>
			<div class="center fl">
				<img src="images/development_month4.png"> 
			</div>
			<div class="right fl">
				<img src="images/development_photo2.jpg">
			</div>
            <div class="clearfix"></div>
		</div>

		<div class="timeline_block3">
			<div class="left fl">
				<img src="images/development_photo3.jpg">
			</div>
			<div class="center fl">
				<img src="images/development_month3.png"> 
			</div>
			<div class="right fl">
				<ul>
				<li class="time_li"><span>拾起卖科技</span>：《中国钢铁行业国际产能合作企
					业联盟成立大会暨一届一次理事会》在唐山成
					功举办。城矿再生以第一届理事单位受邀参会。
					并成为：中国钢铁行业国际产能合作企业联盟
					理事单位、全国废钢铁产业联盟理事（发起）
					单位。
				</li>
				<li class="time_li"><span>拾起卖官方网站</span>：www.citymine.com.cn.</li>
				<li class="time_li"><span>城矿锵锵</span>：注册成立</li>
				<li class="time_li"><span></span></li>
				</ul>
			</div>
            <div class="clearfix"></div>
		</div>


		<div class="timeline_block4">
			<div class="left fl">
				<ul>
					<li class="time_li"><span>拾起卖供应链</span>：拾起卖供应链通过天津市再生资源回收经营者备案登记。</li>
				</ul>
			</div>
			<div class="center fl">
				<img src="images/development_month2.png"> 
			</div>
            <div class="clearfix"></div>
		</div>
		<div class="timeline_block5">
			<div class="left fl">
				<img src="images/development_photo4.jpg">
			</div>
			<div class="center fl">
				<img src="images/development_month1.png"> 
			</div>
			<div class="right fl">
				<ul>
					<li class="time_li"><span>拾起卖供应链</span> ：荣获《2016年度低碳环保最具创新能力企业》</li>
				</ul>
			</div>
            <div class="clearfix"></div>
		</div>
	</div>

	<div class="development_month2017"><img src="images/development_month2017.png"></div> 
	<div class="development_month2016"><img src="images/development_month2016.png"> </div>





</section>

<!--footer start-->
<footer>
    <section class="five_advantage">
        <div class="main_five_advantage">
            <div class="box_five_advantage fl">
                <i class="advantage_1"></i>
                <span>厂商直供</span>
                <div class="clearfix"></div>
            </div>
            <div class="box_five_advantage fl">
                <i class="advantage_2"></i>
                <span>品种规格齐全</span>
                <div class="clearfix"></div>
            </div>
            <div class="box_five_advantage fl">
                <i class="advantage_3"></i>
                <span>仓库加工一体</span>
                <div class="clearfix"></div>
            </div>
            <div class="box_five_advantage fl">
                <i class="advantage_4"></i>
                <span>诚聘英才</span>
                <div class="clearfix"></div>
            </div>
            <div class="box_five_advantage fl">
                <i class="advantage_5"></i>
                <span>帮助中心</span>
                <div class="clearfix"></div>
            </div>
            <div class="clearfix"></div>
        </div>
    </section>
    <section class="nav_footer">
        <div class="main_nav_footer">
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">如何免费找货</a></li>
                    <li><a href="#">资源单搜索</a></li>
                    <li><a href="#">如何免费找车</a></li>
                    <li><a href="#">拾起卖APP/微信</a></li>
                </ul>
            </div>
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">商城采购流程</a></li>
                    <li><a href="#">如何支付</a></li>
                    <li><a href="#">发票查询</a></li>
                    <li><a href="#">售后服务</a></li>
                </ul>
            </div>
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">合作钢厂</a></li>
                    <li><a href="#">商城与资源单区别</a></li>
                    <li><a href="#">卖方资源上传</a></li>
                    <li><a href="#">供应商合作洽谈</a></li>
                    <li><a href="#">合作热线</a></li>
                </ul>
            </div>
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">拾起卖加工简介</a></li>
                    <li><a href="#">委托加工的优势</a></li>
                    <li><a href="#">可委托加工的类型</a></li>
                    <li><a href="#">找材料仓库服务信息</a></li>
                    <li><a href="#">意见与建议</a></li>
                </ul>
            </div>
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">拾起卖简介</a></li>
                    <li><a href="#">拾起卖融资申请流程</a></li>
                    <li><a href="#">如何使用拾起卖融资</a></li>
                    <li><a href="#">如何还款</a></li>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
    </section>
    <section class="other_footer">
        <div class="main_other_footer">
            <div class="nav_main_other_footer">
                <ul>
                    <li class="fl"><a href="#">关于我们</a> </li>
                    <li class="fl"><a href="#">诚聘英才</a> </li>
                    <li class="fl"><a href="#">联系我们</a> </li>
                    <li class="fl"><a href="#">常见问题</a> </li>
                    <div class="clearfix"></div>
                </ul>
            </div>
            <div class="side_footer">城市矿山官方网站  <a href="#">www.citymine.com .cn</a>  备案号 津ICP 17003801-1 </div>
            <div class="certificate_footer">
                2015-2016年度钢材市场优秀示范企业   2016年度国家重点扶持项目  中国再生资源示范企业  2015年中国大宗商品现代流通诚信市场
            </div>
        </div>
    </section>
</footer>
<!--footer end-->

<script type="text/javascript" src="lib/jquery.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>